import { React } from "react";
import { useHistory } from 'react-router-dom'
import { Button } from 'antd';
import { PictureOutlined } from '@ant-design/icons';
import logo from '../../images/logo.svg';
import './home.less'
/* 
首页 
*/
const Home = () => {
  const history = useHistory()
  const preview = () =>{
    history.push({pathname: '/picture'})
  }
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <div>
          <Button className='ant-btn' icon={<PictureOutlined />} onClick={preview} type="primary">图片预览</Button>
          <Button className='ant-btn' type="primary" ghost>待开发</Button>
          <Button className='ant-btn' type="primary" danger>待开发</Button>
          <Button className='ant-btn' danger >待开发</Button>
          <Button className='ant-btn' danger ghost>待开发</Button>
          <Button className='ant-btn' type="dashed" danger ghost>待开发</Button>
          <Button className='ant-btn' ghost>待开发</Button>
          <Button className='ant-btn' type="dashed" ghost>待开发</Button>
        </div>
      </header>
    </div>
  )
}

export default Home
